﻿<%@ Page Language="C#" MasterPageFile="~/touchscreen/defaultLayout.master" AutoEventWireup="true" CodeFile="ExtraOptions.aspx.cs" Inherits="touchscreen_BuyTicket_ExtraOptions" %>
<%@ MasterType  virtualPath="~/touchscreen/defaultLayout.master"%>
<asp:Content ID="maincontent" ContentPlaceHolderID="main" runat="server">
   <script type="text/javascript">
       var buttonId = '<%= ButtonDoPostBack.ClientID %>';
       var hiddenFieldId = '<%= HiddenFieldSelectedValues.ClientID %>';

       function selectedItem(values) {
           var selectedValues = document.getElementById(hiddenFieldId).value;
           if (selectedValues.indexOf(values) === -1) {
               document.getElementById(hiddenFieldId).value += ";" + values;
           }
           document.getElementById(buttonId).click();
       }
   </script>
    <form id="extraOptionsForm" runat="server">
        <div class="content">
            <div class="stepContainer">
                <ul class="steps">
                    <asp:HyperLink CssClass="step" runat="server" ID="stap_1" Text="Stap 1: Kies Film" NavigateUrl="~/touchscreen/BuyTicket/Default.aspx">
                    </asp:HyperLink>
                    <li class="step">
                        <asp:Label runat="server" ID="stap_2" />
                    </li>
                    <li class="step active">
                        <asp:Label runat="server" ID="stap_3" />
                    </li>
                    <li class="step">
                        <asp:Label runat="server" ID="stap_4" />
                    </li>
                </ul>
            </div>
            <p id="demo">

            </p>
            <div class="selectChairContainer">
                <asp:GridView OnRowDataBound="GridView1_RowDataBound" CssClass="derpGrid" ID="GridView1" BorderWidth="0" AutoGenerateColumns="false" ShowHeader="false" runat="server" />
                <div id="nextButton">
                    <asp:Button ID="btnClear" Text="Wissen" CssClass="smallButton blueButton smallButtonBigger" runat="server" OnClick="btnClear_Click" />
                </div>
                
                <div style="visibility: hidden; height: 0px; width: 0px;">
                    <asp:HiddenField ID="HiddenFieldSelectedValues" runat="server" />
                    <asp:Button ID="ButtonDoPostBack" OnClick="ButtonDoPostBack_Click" runat="server" Text="button" Visible="true" />
                </div>
                <div class="clearDiv"></div>
            </div>
            <div id="backButton">
                <asp:HyperLink NavigateUrl="~/touchscreen/buyTicket/Default.aspx" CssClass="smallButton blueButton smallButtonBigger" runat="server" ID="backButtonHyperlink" Text="Terug" />
            </div>
        </div>
    </form>
</asp:Content>